body {
  width: 100%;
  height: 100%;
  background-color: #Fff;
}

body .m {
  margin: 0 auto;
}

body .head {
  width: 100%;
  height: 63px;
  border-bottom: 1px solid #F3F5F6;
}

body .head .head-a {
  width: 1152px;
  height: 100%;
  float: none;
}

body .head .head-left {
  float: left;
  width: 700px;
}

body .head .head-left a {
  float: left;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 63px;
  color: #545C63;
  padding: 0, 12px;
}

body .head .head-left a:hover {
  color: #1c1f21;
}

body .head .head-left .a {
  width: 104px;
}

body .head .head-left .b {
  width: 72px;
}

body .head .head-left .c {
  width: 88px;
}

body .head .head-left .e {
  width: 56px;
}

body .head .head-right {
  width: 340px;
  height: 100%;
  float: right;
}

body .head .head-right a {
  float: left;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 63px;
  color: #545C63;
  padding: 0, 12px;
}

body .head .head-right a:hover {
  color: #1c1f21;
}

body .head .head-right .a img {
  width: 22px;
  height: 22px;
}

body .middle {
  width: 100%;
  height: 500px;
  background-color: chartreuse;
}

body .bottom {
  width: 100%;
  height: 80px;
  background-color: #eee;
}
